<template>
  <div class="container">
    <card>
      <Steps :current="current">
        <Step title="已完成" content="这里是该步骤的描述信息"></Step>
        <Step title="进行中" content="这里是该步骤的描述信息"></Step>
        <Step title="待进行" content="这里是该步骤的描述信息"></Step>
        <Step title="待进行" content="这里是该步骤的描述信息"></Step>
      </Steps>
      <Divider size="small"></Divider>
      <div class="br">
        <Button @click="current -= 1">返回</Button>
        <Button type="info" @click="current += 1">下一步</Button>
        <Button type="warning" @click="showNotice">弹窗</Button>
      </div>
      <Divider size="small" style="color: #2db7f5">课程</Divider>
      <RadioGroup v-model="sourceCase" button-style="solid" type="button">
        <Radio label="课程方案一"></Radio>
        <Radio label="课程方案二"></Radio>
        <Radio label="课程方案三"></Radio>
        <Radio label="课程方案四"></Radio>
      </RadioGroup>

      <br />
      <Input
        v-model="sourceCase"
        :rows="8"
        placeholder="Enter something..."
        style="width: 50%"
        type="textarea"
      />

      <h3 v-show="current == 0">11111</h3>
      <h3 v-show="current == 1">22222</h3>
      <h3 v-show="current == 2">33333</h3>
      <h3 v-show="current == 3">44444</h3>
    </card>
  </div>
</template>

<script>
export default {
  name: "scheme",
  data() {
    return {
      current: 1,
      sourceCase: "课程方案一",
    };
  },
  methods: {
    showNotice() {
      this.$Notice.info({
        title: "Notice",
        desc: "this is message<br>message2",
      });
    },
  },
};
</script>

<style scoped></style>
